<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 
<html>
<head>
 

<title>jQuery实现的很炫很酷的弹出层效果</title>
 
<link rel="stylesheet" href="../css/common.css" type="text/css" />
<style type="text/css">
#tinybox{position:absolute; display:none; padding:10px; background:#ffffff url(../images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000;}
#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}
#tinycontent{background:#ffffff; font-size:1.1em;}
</style>
<script type="text/javascript" src="../js/tinybox.js"></script>
</head>

<body>
	 
         <a class="ml20" href="#zhangxinxu" id="click_test1" onclick="popickerWin('../login.do?method=toAdd')">效果预览</a> 
             
 
    
	<script type="text/javascript">
		function popickerWin(src)
		{
			TINY.box.show(src,1,500,500,1);
		}
    </script>
</body>
</html>

